import React from 'react';
import {NextPage} from "next";

interface IProps {
  id: string | number;
}


// 动态组件 类型 : NextPage
const PostId: NextPage<IProps> = (props) => {
  // console.log(props);
  return (
    <div>
      <h1>PostId{props.id}</h1>
    </div>
  );
}

// 每个动态路由 都要设置 getInitialProps
// 这里面有一个 ctx参数 通过这个参数就可以获取动态路由传递过来的数据
// 返回值 就将 {id} 给对象设置一个类型 number / string
// 返回值 就返回到页面的props里面了

export async function getServerSideProps(ctx: any) {
  const {id} = ctx.query;
  console.log(id);
  return {
    props:{id} as { id: number | string }
  }
}

export default PostId;
